<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关于我们</title>
    <style>
        body{
            margin: 0px;
            padding: 0px;
        }
        .text{
            font-size: 30px;
            font-family: "宋体";
            display: flex;
            color: #ff5722;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        a{
            text-decoration: none;
            color: #eb7350;
            font-weight: bold;
        }
        .ht{
            display: flex;
            margin: 20px 80px 10px 80px;
            justify-content: space-between;
        }
        .ht p {
            text-align: center;
        }
        .ht img{
            width: 100px;
            transition: width 0.3s ease-in-out;
        }
        .ht img:hover{
            width: 120px;
        }
    </style>
</head>
<body>
<div style="text-align: center">
    <img src="images/tx4.png" width="800px" height="600px"  >
</div>
<div class="text" >
    <p>热线电话：</p>
    <a href="#" style="margin: 30px 0px">15386353580</a>
</div>
<hr>
<p style="text-align: center;font-size: 28px;font-weight: 300;">更多服务区</p>
<div class="ht">
    <div class="ht_1">
        <img src="images/新闻.png"/>
        <p>热点新闻</p>
    </div>
    <div class="ht_2">
        <img src="images/指南.png"/>
        <p>旅行指南</p>
    </div>
    <div class="ht_3">
        <img src="images/商务.png"/>
        <p>紧急避难所</p>
    </div>
    <div class="ht_4">
        <img src="images/手机.png"/>
        <p>服务电话</p>
    </div>
</div>

</body>
</html>